<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>

        /*
            浏览器加载一个页面时，是按照从上到下加载的
            如果将js标签写到页面的上边
            在代码执行时，页面还没有加载，页面没有dom对象也没有加载
            会导致无法获取到dom对象

        */

        /*
            onload事件会在整个页面加载完成后才触发
            为window绑定一个onload事件
                该事件对应的响应函数会在页面加载完成之后执行
        */
        window.onload = function () {
            var btn = document.getElementById("btn");
            btn.onclick = function () {
                alert("别点我");
            }
        }
        document.getElementsByTagName();

    </script>
    <title>Document</title>
</head>

<body>
    <button id="btn">点我</button>

</body>

</html>